<template>
  <div>
    <today-recommed title="今日榜单" type="1"/>
    <news-music></news-music>
    <swiper-banner></swiper-banner>
    <music-listnav></music-listnav>
    <keep-alive>  <!--对路由视图层缓存避免每次加载数据重新读取 -->
      <router-view/>
    </keep-alive>
    <today-recommed title="热门歌单" type="24"/>
  </div>
</template>

<script>
import TodayRecommed from '../components/TodayRecommed'
import NewsMusic from '../components/NewsMusic'
import SwiperBanner from '../components/SwiperBanner'
import MusicListnav from './musicList/MusicListnav'
export default {
  name: 'home',
  data() {
    return {
    }
  },
  components: {
    TodayRecommed,
    NewsMusic,
    SwiperBanner,
    MusicListnav
  }
}
</script>

<style>

</style>

